<template>
    <div>
        <el-breadcrumb>
          <el-breadcrumb-item>首页</el-breadcrumb-item>
          <el-breadcrumb-item v-breadcrumb-certify></el-breadcrumb-item>
        </el-breadcrumb>
        <div class="content">
            <e-heading>物流管理</e-heading>
            <el-row>
              <el-col :span-percent="20" v-for='(item,index) in list' :key="index">
                <a class="auth-item" @click="go(item.path)">
                  <img v-bind:src='item.imgUrl'>
                  <br/>
                  {{item.label}}
                </a>
              </el-col>
            </el-row>
        </div>
    </div>
</template>

<script>
  export default{
    data () {
      return {
        list: [
          {
            imgUrl: '/static/images/express/express_send.png',
            label: '发货管理',
            path: '/express/send/0'
          }
        ]
      }
    },
    methods: {
      go (obj) {
        this.$router.push({path: obj})
      }
    }
  }
</script>
<style lang="scss">
  
  .auth-item{
    display:block;
    text-align:center;
    &:hover{
      color:$color-primary;
    }
    img{
      margin-bottom: 20px;
    }
  }
</style>
